import { createIcon } from "@chakra-ui/react"
import { defaultProps } from "./defaultProps"

export const Close = createIcon({
  displayName: "Close",
  viewBox: "0 0 16 16",
  defaultProps,
  path: [
    <path
      key="1"
      d="M10.8386 5.40978C10.8386 5.33776 10.7797 5.27883 10.7077 5.27883L9.62733 5.28374L8.00025 7.22347L6.37481 5.28538L5.29282 5.28047C5.2208 5.28047 5.16187 5.33776 5.16187 5.41142C5.16187 5.44252 5.17333 5.47199 5.19297 5.49654L7.32257 8.03374L5.19297 10.5693C5.17319 10.5933 5.16221 10.6233 5.16187 10.6544C5.16187 10.7265 5.2208 10.7854 5.29282 10.7854L6.37481 10.7805L8.00025 8.84074L9.62569 10.7788L10.706 10.7837C10.7781 10.7837 10.837 10.7265 10.837 10.6528C10.837 10.6217 10.8255 10.5922 10.8059 10.5677L8.67956 8.03211L10.8092 5.4949C10.8288 5.47199 10.8386 5.44088 10.8386 5.40978Z"
    />,
    <path
      key="2"
      d="M7.99999 0.666575C3.95029 0.666575 0.666656 3.95021 0.666656 7.99991C0.666656 12.0496 3.95029 15.3332 7.99999 15.3332C12.0497 15.3332 15.3333 12.0496 15.3333 7.99991C15.3333 3.95021 12.0497 0.666575 7.99999 0.666575ZM7.99999 14.0892C4.63779 14.0892 1.9107 11.3621 1.9107 7.99991C1.9107 4.63771 4.63779 1.91062 7.99999 1.91062C11.3622 1.91062 14.0893 4.63771 14.0893 7.99991C14.0893 11.3621 11.3622 14.0892 7.99999 14.0892Z"
    />,
  ],
})
